<template>
	<view>
		<comHeader :config="navConfig"/>
		<view class="order-info">
			<view class="order-info-line">
				<text class="order-info-label">原密码</text>
				<input type="text" placeholder="填写原密码" placeholder-style="color:#999999;" class="order-input">
			</view>
			<view class="order-info-line">
				<text class="order-info-label">新密码</text>
				<input type="text" placeholder="填写新密码" placeholder-style="color:#999999;" class="order-input">
			</view>
			<view class="order-info-line">
				<text class="order-info-label">确认密码</text>
				<input type="text" placeholder="再次确认密码" placeholder-style="color:#999999;" class="order-input">
			</view>
		</view>
		
		<view class="shuoming">密码必须是8-16位的数字、字符组合（不能是纯数字）</view>
		<view class="wangji" @tap="delAddYjPic">忘记原密码？</view>
		
		<navigator url=""><view class="btn" ><text>确认修改</text></view></navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				navConfig:{
					isFixed:false, //是否absolute布局
					left:{
						
						isShowLeft:true,
						leftGobackColor:'black', //左边返回icon颜色
					},
					mid:{
						isShowMid:true,
						text:'设置密码	'
					},
					right:{
						text:'',
						isShowRight:false,
					}
				},
			}
		},
		methods:{
			delAddYjPic(){
				uni.showModal({
					content: "你的账号当前已绑定手机号，可以通，过短信验证码重置账号密码，是否发送验证码到15*******22 ？",
					confirmText: "发送",
					confirmColor:"#55A0FF",
					cancelText: "取消",
					cancelColor:"#666666",
					success:(res) => {
						if(res.confirm){
							uni.navigateTo({
								url:'/pages/my/mySet/loginPassword/alert2'
							})
						}else if(res.cancel){
							console.log('取消');
						}
					}
				})
			},
		},
	}
</script>

<style>
	.order-info{
		width: 690upx;
		height: 338upx;
		border-radius: 15upx;
		background: rgba(255,255,255,1);
		box-shadow: 0upx 0upx 15upx 0upx rgba(232,232,232,1);
		margin-left: 28upx;
		margin-top: 162upx;
	}
	.order-info-line{
		width: 614upx;
		margin-top: 44upx;
		display: flex;
		flex-direction: row;
	}
	.order-info-label{
		width: 173upx;
		display: block;
		line-height: 50upx;
		font-size: 30upx;
		height: 50upx;
		padding-top: 22upx;
		margin-left: 30upx;
	}
	.order-info input{
		height: 50upx;
		width: 400upx;
		font-size: 28upx;
		padding-top: 22upx;
		margin-left: 80upx;
	}
	.shuoming{
		width: 600upx;
		height: 24upx;
		line-height: 24upx;
		font-size: 24upx;
		font-family: PingFang SC Regular;
		color: rgba(153,153,153,1);
		margin-left: 65upx;
		margin-top: 39upx;
	}
	.wangji{
		width: 145upx;
		height: 24upx;
		line-height: 24upx;
		font-size: 24upx;
		font-family: PingFang SC Regular;
		color: rgba(87,118,254,1);
		margin-left: 66upx;
		margin-top: 25upx;
	}
	.btn{
		width: 615upx;
		height: 80upx;
		background: rgba(87,115,254,0.79);
		border-radius: 50upx;
		margin-left: 69upx;
		margin-top: 119upx;
	}
	.btn text{
		width: 115upx;
		height: 28upx;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: rgba(255,254,254,1);
		margin-left: 250upx;
	}
</style>
